

const routes = [
      {
        path: '/home',
        name: 'home',
        component: () => import('@/views/home/index.vue')
      },
      {
        path: '/product',
        name: 'product',
        component: () => import('@/views/product/index.vue')
      },
      {
        path: '/project',
        name: 'project',
        component: () => import('@/views/project/index.vue')
      },
      {
        path: '/introduce',
        name: 'introduce',
        component: () => import('@/views/introduce/index.vue')
      },
      {
        path: '/news',
        name: 'news',
        component: () => import('@/views/news/index.vue')
      },
      {
        path: '/science',
        name: 'science',
        component: () => import('@/views/science/index.vue')
      },
      {
        path: '/about',
        name: 'about',
        component: () => import('@/views/about/index.vue')
      },
      {
        path: '/contact',
        name: 'contact',
        component: () => import('@/views/contact/index.vue')
      },
      {
        path: '/details',
        name: 'details',
        component: () => import('@/views/details/index.vue')
      },
      {
        path: '/explain',
        name: 'explain',
        component: () => import('@/views/explain/app_explain.vue')
      }
    ]

const router = new VueRouter({
    mode: 'history',
    routes
  })
const app = new Vue({
    router
  }).$mount('#app')
